import React from 'react';
import { Modal, Button,} from 'antd';
import { connect } from 'react-redux'
import {withRouter } from 'react-router-dom'
import guanzhu from '../../assets/guanzhu.png'
import { Checkbox } from 'antd';
const CheckboxGroup = Checkbox.Group;
const plainOptions = ['到装货地', '到卸货地', '离装货地'];
@withRouter
@connect(
    state => state,
    {}
)
export default class WxGuanZ extends React.Component {
    constructor(){
        super();
        
    }
    componentWillReceiveProps(){
       
    }
    onChange(checkedValues){
        console.log(checkedValues)
    }
    onOk(){

    }
    componentDidMount(){
    }
    render() {
        return (
            <Modal
              title="接受推送渠道"
              visible={this.props.visible1}
              onOk={this.handleOk}
              wrapClassName="submiss"
              onCancel={()=>this.props.showModel1()}
            >
            <div  style={{width:'100%',margin:'0 auto',textAlign:'center'}}>
                <div>
                    <div>推送到微信（扫码并关注微信号）</div>
                    <img src={guanzhu} alt = ''/>
                </div>
                <div>
                <CheckboxGroup options={plainOptions} onChange={this.onChange.bind(this)} />
                </div>
             </div>
            </Modal>
        );
    }
}